/*
  Modern css rest
  2022/05/07
*/

/* 
  元素使用更直观的box大小,
  大小计算而不是附加上边距等外部元素。 
*/
*, *::before, *::after {
  box-sizing: border-box;
}
/* 
  移除默认的外边距 
*/
* {
  margin: 0;
}
/*
  页面基于百分比的高度设计
*/
html, body {
  height: 100%;
}
/*
  调整元素排版:
  添加具有辅助功能的行高
  提高文本渲染
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
/*
  修正媒体文件的默认设置
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
/*
  删除内置的表单排版样式
*/
input, button, textarea, select {
  font: inherit;
}
/*
  强行换行
  文本元素避免文本溢出
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
/*
  隔离根元素上下文
  为第三方JS框架设计
*/
#root, #__next {
  isolation: isolate;
}